<!DOCTYPE html>
<!-- etiqueta de html -->
<html>
    <!-- Directivas para el Navegador -->
    <head>
        <title>Sistema de Contabilidad</title>
        <!--Etiqueta atributo="valor" -->
        <meta charset="UTF-8">
        <meta name="viewport" 
              content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/contabilidadweb.css" rel="stylesheet" type="text/css"/>
        <script src="js/jquery.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/contabilidadweb.js" type="text/javascript"></script>
        <link href="css/signin.css" rel="stylesheet" type="text/css"/>
    </head>
    <!-- Contenido que aparecerá en el Navegador -->
    <body>
        <div class="container">
            <div class="panel panel-primary">
                <div class="panel-heading">Ingresar al Sistema</div>
                <div class="panel-body">
                    <form class="form-signin" role="form">
                        <input type="text"
                               id="usuario"
                               name="usuario"
                               class="form-control" 
                               placeholder="Usuario" 
                               required 
                               autofocus>
                        <input type="password" 
                               id="clave"
                               name="clave"
                               class="form-control" 
                               placeholder="Clave" 
                               required>
                        <button id="btnIngresar"
                                name="btnIngresar"
                                class="btn btn-lg btn-primary btn-block" 
                                type="button">Ingresar</button>
                    </form>
                </div>
                <div class="panel-footer">Mensaje del Sistema</div>
            </div>

        </div> <!-- /container -->
        <!-- script de javascript con JQUERY -->
        <script>
            //JQUERY
            //  Selector
            //$("div").css("background-color", "yellow");
            //$("div").css("width", "200px");
            //$("div").css("margin", "auto");
            //$("div").css("opacity", ".5");
            //$("div").css("display", "none");
            //$("div").fadeIn(1000);
            $("#btnIngresar").on("click",function(){
                verificarUsuario();
            });
        </script>
    </body>
</html>
